<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <!------------------------浏览器内核------------------------>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <!--如果安装了GCF,则使用GCF来渲染页面.
  如果未安装GCF,则使用最高版本的IE内核进行渲染.-->
  <meta name="renderer" content="webkit">
  <!--使用360等国内主流浏览器内核;
  content的取值为webkit,ie-comp,ie-stand之一,区分大小写.
  分别代表用webkit内核,IE兼容内核,IE标准内核.-->
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <!---禁止百度转码-->
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <title>图片放大测试</title>
 <link rel="stylesheet" type="text/css" href="http://cdn.amazeui.org/amazeui/2.7.2/css/amazeui.min.css"/>
</head>
<body class="am-pureview-active">
<ul data-am-widget="gallery" class="am-gallery am-avg-sm-2
  am-avg-md-3 am-avg-lg-4 am-gallery-default" data-am-gallery="{ pureview: true }" >
      
  </ul>

</body>

<script type="text/javascript" src="__STATIC__/js/jquery.js"></script>
<script type="text/javascript" src="http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.min.js"></script>
<script>

var htmlstr="";
$('#sliderlist', window.parent.document).find('img').each(function(){
  var src=$(this).attr('src')
  htmlstr+='<li><div class="am-gallery-item"><a href="http://s.amazeui.org/media/i/demos/bing-1.jpg" class=""><img src="'+src+'"  alt=""/></a></div></li>';
})
$('.am-gallery').html(htmlstr).css('display','none')

setTimeout(function(){
  $('img:first').trigger('click').css('display','block')
  $('.am-pureview-actions').css('display','none')
  $('.am-pureview-bar').css('background-color','rgba(0,0,0,0)')
},300)


</script>